<template>
   <footer>
       <div class="footer_fist">
            <p class="footer_number">￥<span>{{footerdata}}</span></p>
            <span class="line">|</span>
            <a class="hy_number">已优惠￥<span :class="{'hynumber':Yhmoney<0}">0</span></a>
       </div>
    <div @click="gozfu" class="go_fu"><router-link tag="li"
    :to="{name:'mypay',params:{mylaoutpay:footerdata}}">去支付</router-link></div>
   </footer>
</template>
<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  },
  props:["footerdata","Yhmoney"],
  methods:{
      gozfu(){
         this.$emit('clickchange',this.footerdata)
      }
  }
}
</script>
<style scoped >
footer{
    align-items: center;
    display:flex;
    justify-content: space-between;
    height: 50px;
    background: #3c3c3c;
    position:fixed;
    width:100%;
    bottom:0;
}
.footer_fist{
    display:flex;
}
.hynumber{
    color:red;
}
.footer_number{
    margin-left:10px;
    font-size:16px;
    color: #fff;
    font-weight:bold;
}
.line{
    font-size:16px;
    color: #747474;
    margin:0 5px 0 10px;
}
.hy_number{
    font-size:14px;
    color: #7f7f7f;
    font-weight:bold;
}
.go_fu{
    width:122px;
    height: 100%;
    text-align:center;
    line-height: 50px;
    background: #00e166;
}
</style>
